@media(min-width: 960px) {
  .repair-list {
    width: 700px;
  }
}
.repair-list {
  background-color: #fff;
  position: relative;
  min-height: 100%;
  padding: 10px;
  margin: 0 auto;
  .header {
    padding: 0 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    span {
      flex: 1 1;
    }
    .ant-btn-primary {
      margin-left: 10px;
      background-color: rgb(2, 112, 193);
      border-color: rgb(2, 112, 193);
    }
  }
  .list {
    margin-top: 10px;
  }
  .repair-item {
    display: flex;
    height: 45px;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 0 10px;
    .date {
      flex: 1 1;
    }
    .ant-btn-primary {
      background-color: rgb(2, 112, 193);
      border-color: rgb(2, 112, 193);
    }
    .opt {
      flex-basis: 60px;
      text-align: center;
    }
  }
  .repair-item.title {
    background-color: #F7F7F7;
    
  }
  .repair-page {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
  }
}
.mobile-repair-list {
  margin-top: 10px;
  .main {
    width: 100%;
    height: calc(~"100% - 158px");
    max-height: 440px;
    overflow: auto;
  }
  
}
.repair-page {
  .ant-pagination-item-active {
    background-color: rgb(2, 112, 193);
    border-color: rgb(2, 112, 193);
  }
  .ant-pagination-first:hover, .ant-pagination-last:hover, 
  .ant-pagination-item:hover,
  .ant-pagination-next:hover, .ant-pagination-prev:hover{
    border-color: rgb(2, 112, 193);
  }
  .ant-pagination-item a:hover {
    color: rgb(2, 112, 193);
  }
}
.mobile-back-opt {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  .ant-btn-primary {
    width: 100%;
    height: 100%;
    background-color: rgb(2, 112, 193);
    border-color: rgb(2, 112, 193);
    border-radius: 0;
    color: #fff;
    span {
      font-size: 16px;
    }
  }
}

@media(min-width: 960px) {
  .repair-list {
    width: 700px;
  }
}
.repair-list {
  background-color: #fff;
  position: relative;
  min-height: 100%;
  padding: 20px 10px;
  margin: 0 auto;
  .header {
    padding: 0 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    span {
      flex: 1 1;
    }
    .ant-btn-primary {
      margin-left: 10px;
      background-color: rgb(2, 112, 193);
      border-color: rgb(2, 112, 193);
    }
  }
  .list {
    margin-top: 10px;
  }
  .repair-item {
    display: flex;
    height: 45px;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 0 10px;
    .date {
      flex: 1 1;
    }
    .ant-btn-primary {
      background-color: rgb(2, 112, 193);
      border-color: rgb(2, 112, 193);
    }
    .opt {
      flex-basis: 60px;
      text-align: center;
    }
  }
  .repair-item.title {
    background-color: #F7F7F7;
    
  }
  .repair-page {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
  }
}
.mobile-repair-list {
  margin-top: 10px;
  .main {
    width: 100%;
    height: calc(~"100% - 158px");
    max-height: 440px;
    overflow: auto;
  }
  
}
.repair-page {
  .ant-pagination-item-active {
    background-color: rgb(2, 112, 193);
    border-color: rgb(2, 112, 193);
  }
  .ant-pagination-first:hover, .ant-pagination-last:hover, 
  .ant-pagination-item:hover,
  .ant-pagination-next:hover, .ant-pagination-prev:hover{
    border-color: rgb(2, 112, 193);
  }
  .ant-pagination-item a:hover {
    color: rgb(2, 112, 193);
  }
}
.mobile-back-opt {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  .ant-btn-primary {
    width: 100%;
    height: 100%;
    background-color: rgb(2, 112, 193);
    border-color: rgb(2, 112, 193);
    border-radius: 0;
    color: #fff;
    span {
      font-size: 16px;
    }
  }
}

